

<template>
  <section
  class="el-aside"
  :style="{ width }"
  >
  <slot></slot>
  </section>
</template>

<script  lang="ts">
export default{
  name:'ElAside'
}
</script>
<script lang="ts" setup>

import{ withDefaults } from 'vue';

interface Props {
  width?:string
}

withDefaults(defineProps<Props>(),{
  width:"300px"
})

</script>


<style lang="scss" scoped>
@import '../../styles/mixin.scss';
@include b(aside){
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
}
</style>